<template>
    <div class="wrapper-week">
       <p class="title">周末去哪儿</p>
       <div class="list" v-for="(item,index) in weekendList" ::key="index">
           <div class="imgs">
               <img :src="item.imgUrl"/>
           </div>
           <p class="titles">
               {{item.title}}
           </p>
           <p class="desc">
               {{item.desc}}
           </p>
       </div>
    </div>
</template>

<script>
    export default {
        props:{
            weekendList:Array
            }
    }
</script>

<style lang="scss" scoped>
.wrapper-week{
    width:100%;
    margin-top: .2rem;
    p{
        padding-left:.1rem; 
    }
    .title{
        width: 100%;
        height: .7rem;
        background: #ddd;
        font-size:.3rem;
        line-height: .7rem;
    }
    .list{
        width:100%;
        height:3.5rem;

        .imgs{
            width:100%;
            height:2.3rem;
            background: skyblue;
            img{
                width:100%;
                height:100%;
            }
        }
        .titles{
            width: 100%;
            height:.7rem;

            font-size: .35rem;
            line-height: .7rem;
        }
        .desc{
            width: 100%;
            height: .5rem;

            line-height:.5rem;
            color: #aaa;
        }
    }
}
</style>